<template>
  <view class="su-prop-group">
    <view class="su-prop-group__header" v-if="title">
      {{title}}
    </view>
    <view class="su-prop-group__body">
      <slot></slot>
    </view>
  </view>
</template>

<script>
  export default {
    name: "su-prop-group",
    props: {
      title: {
        type: String,
        default: ''
      }
    }
  }
</script>

<style lang="scss">
.su-prop-group{
  padding: 30upx;
  background-color: #fff;
  margin: 20upx 0;
  &__header{
    font-size: 32upx;
    color: #333333;
    margin-bottom: 20upx;
    font-weight: bold;
  }
}
</style>
